<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="jquery-easyui-1.7.0/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="jquery-easyui-1.7.0/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="jquery-easyui-1.7.0/jquery.min.js" type="text/javascript"></script>
    <script src="jquery-easyui-1.7.0/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body>
<table id="newsinfoDg" class="easyui-datagrid">

</table>
<script type="text/javascript">
    $(function () {
        $('#newsinfoDg').datagrid({
            fit: true,
            fitColumn: true,
            singleSelect: false,
            url: 'datagrid_data.txt',
            columns: [[{
                title: '',
                field: 'productid',
                align: 'center',
                checkbox: true
            }, {
                field: 'unitcost',
                title: 'unitcost',
                width: 50
            }, {
                field: 'status',
                title: 'status',
                width: 60
            }, {
                field: 'listprice',
                title: 'listprice',
                width: 50
            }, {
                field: 'attrl',
                title: 'attrl',
                width: 200
            }, {
                field: 'itemid',
                title: 'itemid',
                width: 100
            }]]
        });
    });
</script>
</body>
</html>